/**
 * 组件
 *  定义
 *    1. 类组件
 *    2. 函数组件
 *
 *  使用
 *    将组件名当成自定义标签使用即可。
 *
 *  PS:
 *    1. React 中，没有全局组件的概念，哪里要用就需要再哪里引入。
 *    2. 将组件看成一个函数，调用组件就是在执行函数，组件标签上传递的属性就是执行函数时，传递过去的参数
 */

import React from "react";
import ReactDOM from "react-dom/client";

// 引入 Welcome 组件
import Welcome from "./components/welcome.jsx";
// 引入 Hello 组件
import Hello from "./components/hello.jsx";

// 创建 root 容器
const root = ReactDOM.createRoot(document.querySelector("#root"));
// root.render
root.render(
  <div>
    <Welcome a="1" b="2" />
    <Hello a="1" b="2" />
  </div>
);
